@import '../../less/index.less';
.mine{
  
    .main{
        position: relative;
        height: 3rem;
        border-bottom: 1px solid @primary;
        .inner{
            position: absolute;
            top: 0;
            left: 0;
            width: 100vw;
            height: 2.31rem;
            background: linear-gradient(to bottom,#FF6040,#FF7662);
        // background: linear-gradient(0deg, rgba(255,96,64,1) 0%,rgba(255,138,128,1) 100%);
// box-shadow: 0px 2px 6px 0px rgba(255,149,128,0.5);
        border-bottom-left-radius: 0.6rem;
        border-bottom-right-radius: 0.6rem;
        .ava{
            height: 1.3rem;
            width: 100vw;
            line-height: 1.3rem;
            display: flex;
            img{
                margin-left: 0.4rem;
                width: 0.8rem;
                height: 0.8rem;
                border-radius: 50%;
                vertical-align: middle;
                margin-top:0.3rem;
            }
            .nickname{
               width: 1rem;
               height: 0.8rem;
              color:#fff;
              font-size: large;
               line-height: 0.8rem;
               text-align: center;
               margin-top:0.3rem;
               margin-left: 0.2rem;
               border-radius: 0.1rem;
             
            }
            .outLogin{
                margin-left: 3rem;
                text-align: center;
                border-radius: 10px;
                color:#fff
            }
        }
        .ava_nav{
            width: 100vw;
            ul{
                display: flex;
                justify-content: space-around;
                color: #fff;
            }
        }
        .my_order{
            width: 90%;
            height: 1.2rem;
            background-color: #eee;
            border-radius: 0.1rem;
            position: absolute;
            bottom: -0.7rem;
            left: 5%;
            .order{
                line-height: 0.5rem;
                text-indent: 0.2rem;
                color:#666;
            }
            ul{
                display: flex;
                justify-content: space-around;
                color: @primary;
                font-size: 0.22rem;
            }
        }
    }
}
}